﻿@font-face {font-family: 'captcha';
	src: url('img/BnLHPaBLehEqDS0dPQOWg1VF56b1WsHuEK5aqhyGYuXD6li4Uy0kwkAAA==') format('woff2');
}

[class^="icaptcha-"], [class*=" icaptcha-"]{
	font-family: 'captcha' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-text-stroke-width: 0.2px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: gayscale;
}

.icaptcha-error:before{content:"\e6ae";}
.icaptcha-refresh:before{content:"\e6a3";}
.icaptcha-tri:before{content:"\e6e2";}
.icaptcha-round:before{content:"\e839";}
.icaptcha-square:before{content:"\e63d";}
.icaptcha-star:before{content:"\e601";}

.xcaptcha {width:100%; height:100%; position:fixed; top:0; left:0; z-index:-1; display:none; user-select:none;}
.xcaptcha.xon {display:block; z-index:9999;}
.xcaptcha_bg {width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:1;}
.xcaptcha_in {width:300px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:2; box-shadow:0 0 8px rgba(0, 0, 0, 0.1); border-radius:8px; overflow:hidden; border:10px solid rgba(255, 255, 255, 0.4);}
.xcaptcha_p {position:relative; user-select:none;}
.xcaptcha_p p {height:32px; line-height:32px; font-size:13px; color:#222; background-color:#fff; padding:0 10px;}
.xcaptcha_p .xcaptcha_rebtn {display:block; background-repeat:no-repeat; background-position:center center; background-size:100% 100%; width:20px; height:20px; position:absolute; top:50%; right:5px; transform:translateY(-50%); cursor:pointer; font-size:20px;}
.xcaptcha_p .xcaptcha_rebtn i {width:20px; height:20px; display:inline-block; vertical-align:top; transition:all 0.2s ease-in;}
.xcaptcha_p .xcaptcha_rebtn:hover i {transform:rotate(45deg);}
.xcaptcha_imgbox {position:relative; cursor:pointer; min-height:160px;}
.xcaptcha_cover {width:100%; height:100%; position:absolute; top:0; left:0; z-index:2;}
.xcaptcha_poi {width:22px; height:22px; background-color:rgba(26, 177, 30, 0.8); position:absolute; z-index:3; color:#fff; text-align:center; font-size:14px; top:0; left:0; border-radius:50%;}
.xcaptcha_poi p {width:100%; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.xcaptcha_alert {width:100%; height:100%; background-color:rgba(255, 255, 255, 0.7); z-index:4; position:absolute; top:0; left:0;}
.xcaptcha_alert.xout {animation-name:xcaptcha_out; animation-duration:0.2s; animation-timing-function:linear; animation-iteration-count:1; animation-fill-mode:forwards;}
@keyframes xcaptcha_out {
	0% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
.xcaptcha_alertin {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.xcaptcha_error {font-size:14px; color:#222; height:20px; line-height:20px; overflow:hidden;}
.xcaptcha_error i {font-size:20px; color:red; height:20px; display:inline-block; vertical-align:middle;}
.xcaptcha_error.xon {animation-name:xcaptcha_shake; animation-duration:0.4s; animation-timing-function:linear; animation-iteration-count:1;}
@keyframes xcaptcha_shake {
	0%, 100% {
		transform:translateX(0);
	}
	10%, 30%, 50%, 70%, 90% {
		transform:translateX(-10px);
	}
	20%, 40%, 60%, 80% {
		transform:translateX(10px);
	}
}
.xcaptcha_load {text-align:center;}
.xcaptcha_load span {width:4px; height:8px; background-color:#4983ec; display:inline-block; margin:0 4px; animation:xcaptcha_load; animation-duration:1s; animation-timing-function:linear; animation-iteration-count:infinite;}
.xcaptcha_load span:nth-child(1) {animation-delay:0s;}
.xcaptcha_load span:nth-child(2) {animation-delay:0.15s;}
.xcaptcha_load span:nth-child(3) {animation-delay:0.3s;}
@keyframes xcaptcha_load {
    0%, 60%, 100% {
    	transform:scale(1);
    }
    30% {
    	transform:scaleY(3);
    }
}